<template>
  <div>
    <div :style="{ color: statusDetail.color }">
      {{ statusDetail.text }}
    </div>
  </div>
</template>
<script setup lang="ts">
import { computed } from "vue";
import { ReceiptStatus, ReceiptStatusDetail } from "/@/api/main/pis/models";

const props = defineProps<{
  status?: ReceiptStatus;
  // record?: { tabulator?: string; tabulationTime?: number; reviewer: string; reviewTime?: number };
}>();

const statusDetail = computed(() => {
  const target = ReceiptStatusDetail[props.status as ReceiptStatus];
  return target || { text: "--" };
});
</script>
